<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />    
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/slider.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				firstShow:true,
				lastShow:true,
				numericprevnext:true,
				speed:1500
			});
		});	
	</script>
	
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
	
</head>
<body>
	
	<div id="slider">
		<ul>				
			<li><img src="../UtilityDocuments/M1.jpg" alt="Css Template Preview" width="100%" height="100%" /></li>
			<li><img src="../UtilityDocuments/M2.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>
			<li><img src="../UtilityDocuments/M3.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>
			<li><img src="../UtilityDocuments/TI 1.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>
			<li><img src="../UtilityDocuments/TI 2.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>			
			<li><img src="../UtilityDocuments/TI 3.jpg" alt="Css Template Preview" width="100%" height="100%"/></li>
		</ul>
	</div>
		
</body>
